"{
  "name": "vue-n3n4",
  "version": "0.0.0",
  "lockfileVersion": 3,
  "requires": true,
  "packages": {
    "": {
      "name": "vue-n3n4",
      "version": "0.0.0",
      "dependencies": {
        "axios": "^1.12.2",
        "echarts": "^6.0.0",
        "element-plus": "^2.11.4",
        "vue": "^3.5.18"
        "vue": "^3.5.18",
        "vue-router": "^4.6.3"
      },
      "devDependencies": {
        "@vitejs/plugin-vue": "^6.0.1",
@@ -1721,6 +1722,12 @@
        "@vue/shared": "3.5.21"
      }
    },
    "node_modules/@vue/devtools-api": {
      "version": "6.6.4",
      "resolved": "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-6.6.4.tgz",
      "integrity": "sha512-sGhTPMuXqZ1rVOk32RylztWkfXTRhuS7vgAKv0zjqk8gbsHkJ7xfFf+jbySxt7tWObEJwyKaHMikV/WGDiQm8g==",
      "license": "MIT"
    },
    "node_modules/@vue/devtools-core": {
      "version": "8.0.1",
      "resolved": "https://registry.npmjs.org/@vue/devtools-core/-/devtools-core-8.0.1.tgz",
@@ -4080,6 +4087,21 @@
        }
      }
    },
    "node_modules/vue-router": {
      "version": "4.6.3",
      "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-4.6.3.tgz",
      "integrity": "sha512-ARBedLm9YlbvQomnmq91Os7ck6efydTSpRP3nuOKCvgJOHNrhRoJDSKtee8kcL1Vf7nz6U+PMBL+hTvR3bTVQg==",
      "license": "MIT",
      "dependencies": {
        "@vue/devtools-api": "^6.6.4"
      },
      "funding": {
        "url": "https://github.com/sponsors/posva"
      },
      "peerDependencies": {
        "vue": "^3.5.0"
      }
    },
    "node_modules/which": {
      "version": "2.0.2",
      "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
 +2 -1 package.json  100644 -> 100644
@@ -15,7 +15,8 @@
    "axios": "^1.12.2",
    "echarts": "^6.0.0",
    "element-plus": "^2.11.4",
    "vue": "^3.5.18"
    "vue": "^3.5.18",
    "vue-router": "^4.6.3"
  },
  "devDependencies": {
    "@vitejs/plugin-vue": "^6.0.1",
 +6 -2 src/demo/demo10.vue  100644 -> 100644
<template lang="">
    <layout>
        <selfBtn biaoti="按钮" status="success" @click="show=!show" />
        <circleRef v-if="show" />
        <RouterView />
        <!-- <selfBtn biaoti="按钮" status="success" @click="show=!show" />
        <circleRef v-if="show" /> -->
    </layout>
</template>
<script>
@@ -18,6 +19,9 @@ export default {
        return {
            show: true
        }
    },
    mounted() {
        console.log(this.$route);
    }
}
</script>
 +14 -3 src/main.js  100644 -> 100644
import { createApp } from 'vue'
import { createWebHashHistory, createRouter } from 'vue-router'

// import App from './demo/aiChat.vue'
// import App from './demo/computer.vue'
// import App from './demo/demo3.vue'
@@ -9,14 +11,23 @@ import { createApp } from 'vue'
// import App from './demo/demo7.vue'
// import App from './demo/demo8.vue'
// import App from './demo/demo9.vue'
// import App from './demo/demo10.vue'
// import App from './demo/demo11.vue'
import App from './demo/demo12.vue'
import App from './demo/demo10.vue'
import echarts from './demo/demo11.vue'
import goodsList from './demo/demo12.vue'
const routes = [
  { path: '/echarts', component: echarts }, // 不加r
  { path: '/goodsList', component: goodsList },
]
const router = createRouter({
  history: createWebHashHistory(),
  routes,
})
// import App from './work/checkWork.vue'
// import App from './App.vue'
import './style/index.css'
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
const app = createApp(App)
app.use(router)
app.use(ElementPlus)
app.mount('#app')
 +12 -3 src/zujian/layout.vue  100644 -> 100644
<template lang="">
    <div class="layout-box">
        <div class="banner-box"></div>
        <div class="banner-box">
            <RouterLink class="router-link" to="/echarts">前往echart页</RouterLink>
            <RouterLink class="router-link" to="/goodsList">前往商品列表页</RouterLink>
        </div>
        <div class="bottom-box">
            <div class="left-box">left</div>
            <div class="right-box">
@@ -28,7 +31,14 @@ export default {
        --banner-hight: 92px;
        .banner-box{
            height: var(--banner-hight);
            background-color: green;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: rgb(194, 201, 194);
            .router-link{
                margin-right: 15px;
                color: #0d35e4;
            }
        }
        .bottom-box{
            background-color: bisque;
@@ -53,7 +63,6 @@ export default {
                        left: 0;
                        bottom: 0;
                        right: 0;
                        background: red;
                        overflow: auto;
                    }
                }
